<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=2978601ff04647b79108dd7ec7b589f9"></script>
    <title>跑步</title>
</head>
<body>
    <div class="app-run dpflex fdcolumn pr16 pl16">
        <div class="runDistance-box pd16">
            <p class="f16">目前累积跑步距离:</p>
            <p class="f16 mt8"><span class="runDistance f48 colro-4294FF fwbold">999.99</span>公里</p>
        </div>
        <!-- 地图 -->
        <div id='container'>
            <a class="go f60 fwbold dpflex">GO</a>
        </div>
        <div class="routeBox pd16 dpflex justspacebt">
            <p class="dpflex fdcolumn justspaceev f14">
                <span class="fwbold">跑步路线</span>
                <span class="colro-9A9A9A">使用跑步路线, 邂逅附近的同行者</span>
            </p>
            <i class="iconfont icon-next f18"></i>
        </div>
    </div>
    
</body>
</html>